<!DOCTYPE html>
<!-- saved from url=(0030)https://itsay.gitee.io/resume/ -->
<html lang="zh-cn">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="email=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>简历——黄俊豪</title>
    <link rel="stylesheet" href="./css/typo.css">
    <link rel="stylesheet" href="./css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="shortcut icon" href="./images/webIcon.jpg" type="image/jpg">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
</head>

<body>
    <header class="header"></header>
    <main>
        <article class="container">
            <section class="side" id="side">

                <!-- 左栏固定开关，记得及时删除这段代码 Start-->
                <label class="switch" style="display: none;" onchange="switchFixed()">
                    <script type="text/javaScript">
                    function switchFixed(){
                        var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
                        document.getElementById('side').style.position = value;
                    }
                </script>
                    <input id="cb" type="checkbox">
                    <span class="slider round"></span>
                </label>
                <style>
                    @media (min-width: 414px) {
                        .switch {
                            position: relative;
                            display: inline-block !important;
                            width: 60px;
                            height: 34px;
                        }

                        .switch input {
                            display: none;
                        }

                        .slider {
                            position: absolute;
                            cursor: pointer;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            background-color: #ccc;
                            -webkit-transition: .4s;
                            transition: .4s;
                        }

                        .slider:before {
                            position: absolute;
                            content: "";
                            height: 26px;
                            width: 26px;
                            left: 4px;
                            bottom: 4px;
                            background-color: white;
                            -webkit-transition: .4s;
                            transition: .4s;
                        }

                        input:checked+.slider {
                            background-color: #1abc9c;
                        }

                        input:focus+.slider {
                            box-shadow: 0 0 1px #1abc9c;
                        }

                        input:checked+.slider:before {
                            -webkit-transform: translateX(26px);
                            -ms-transform: translateX(26px);
                            transform: translateX(26px);
                        }

                        .slider.round {
                            border-radius: 34px;
                        }

                        .slider.round:before {
                            border-radius: 50%;
                        }
                    }
                </style>
                <!-- 左侧固定开关，记得及时删除这段代码 End-->

                <!-- 个人肖像 -->
                <section class="me" style="width: 100%;height: 100%;">
                    <section class="portrait">
                        <div class="loading">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                        <!-- 头像照片 -->
                        <img class="avatar" style="width: 100%;height: 100%;" src="./images/touXiang.jpg"
                            onload="loading()">
                    </section>

                    <h1 class="name">黄俊豪</h1>
                    <h4 class="info-job"></h4>

                </section>

                <!-- 基本信息 -->
                <section class="profile info-unit">
                    <h2>
                        <i class="fa fa-user" aria-hidden="true"></i>基本信息</h2>
                    <hr>
                    <ul>
                        <li>
                            <label>个人信息</label>
                            <span>黄俊豪/ 男 / 19岁</span>
                        </li>
                        <li>
                            <label>英语水平</label>
                            <span>CET-6</span>
                        </li>
                        <li>
                            <label>计算机水平</label>
                            <span>软考初级</span>
                        </li>
                    </ul>
                </section>

                <!-- 联系方式 -->
                <section class="contact info-unit">
                    <h2>
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="25" height="25" t="1574684095697" p-id="1026" version="1.1"><path d="M 870.6 937.6 h -2 c -206.1 -6 -400 -89.8 -546.2 -236 c -146.1 -146.1 -229.9 -340.1 -236 -546.2 c -0.5 -18.2 6.2 -35.4 18.9 -48.5 c 12.6 -13 30.3 -20.5 48.4 -20.5 h 196.9 l 134.1 282.3 l -92.4 80.9 c 50.5 89.9 100.2 138.5 192 187.8 l 77.9 -83.8 l 275.4 122.7 v 194 c 0 18.1 -7.5 35.8 -20.5 48.4 c -12.6 12.2 -29.1 18.9 -46.5 18.9 Z M 177 176 c 10.7 174.5 84.3 337.9 208.7 462.2 C 510.1 762.6 673.5 836.2 848 847 V 734.4 l -163.8 -72.9 l -45.9 49.4 c -20.4 22 -53.4 27.8 -80.1 14 c -122.5 -63 -188.8 -128 -253.4 -248.6 c -14.9 -27.8 -8.7 -61.6 15 -82.4 l 54.9 -48.1 L 294.1 176 H 177 Z" p-id="1027" /></svg>联系方式</h2>
                    <hr>
                    <ul>
                        <li>
                            <label>手机</label>
                            <a href="tel:13533178909" target="_blank">135-331-78909</a>
                        </li>
                        <li>
                            <label>邮箱</label>
                            <a href="mailto:924639382@qq.com" target="_blank">924639382@qq.com</a>
                        </li>
                        <li>
                            <label>个人主页</label><br>
                            <a href="https://gitee.com/huang_jun_hao"
                                target="_blank">https://gitee.com/huang_jun_hao</a>
                        </li>
                        <li>
                            <label>Github</label>
                            <br>
                            <a href="https://github.com/Huang-578" target="_blank">https://github.com/Huang-578</a>
                        </li>
                    </ul>
                </section>

                <!-- 技能点 -->
                <section class="skill info-unit">
                    <h2>
                        <i class="fa fa-code" aria-hidden="true"></i>技能点</h2>
                    <hr>
                    <ul>
                        <li>
                            <label>HTML</label>
                            <progress value="90" max="100"></progress>
                        </li>
                        <li>
                            <label>CSS</label>
                            <progress value="85" max="100"></progress>
                        </li>
                        <li>
                            <label>JavaScript</label>
                            <progress value="85" max="100"></progress>
                        </li>
                        <li>
                            <label>React</label>
                            <progress value="85" max="100"></progress>
                        </li>
                        <li>
                            <label>PS技术</label>
                            <progress value="70" max="100"></progress>
                        </li>
                        <li>
                            <label>小程序</label>
                            <progress value="70" max="100"></progress>
                        </li>
                    </ul>
                </section>

                <!-- <section class="qrcode info-unit">
                    <h2><i class="fa fa-qrcode" aria-hidden="true"></i>二维码</h2>
                    <hr>
                    <img src="./[简历]张大侠-前端开发工程师_杭州_files/ifeees.jpg" style="width: 100%;" alt="">
                </section> -->

                <!-- 技术栈 -->
                <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
            </section>

            <section class="main">

                <!-- 教育经历 -->
                <section class="edu info-unit">
                    <h2>
                        <i class="fa fa-graduation-cap" aria-hidden="true"></i>教育经历</h2>
                    <hr>
                    <ul>
                        <li>
                            <h3>
                                <span>中山大学南方学院 - 网络与新媒体专业（本科）</span>
                                <time>2019.9-2023.7</time>
                            </h3>
                            <p>专业排名
                                <mark>最高/第一名</mark>，期间发表专业演讲2次，院系期刊文章3篇</p>
                        </li>
                        <li>
                            <h3>
                                <span>中山大学南方学院 - 网络与新媒体专业（研究生）</span>
                                <time>2024.9-2025.7</time>
                            </h3>
                            <p>专业排名
                                <mark>最高/第五名</mark>，期间发表院系期刊文章2篇，三等奖学金1次。</p>
                        </li>
                    </ul>
                </section>

                <!-- 工作经历 -->
                <section class="work info-unit">
                    <h2>
                        <i class="fa fa-shopping-bag" aria-hidden="true"></i>工作经历</h2>
                    <hr>
                    <ul>
                        <li>
                            <h3>
                                <span>[经历1]在校时期</span>
                                <time>2019.11</time>
                            </h3>
                            <ul class="info-content">
                                <li>与教授共同参与网页设计
                                </li>

                            </ul>
                        </li>
                        <li>
                            <h3>
                                <span>[经历2]英皇－前端开发工程师（实习）</span>
                                <time>2022.10-2024.7</time>
                            </h3>
                            <ul class="info-content">
                                <li>深度参与公司主线产品的前端开发工作，完成帖子快捷回复、
                                    <mark>全站图片加载</mark>、活动banner、帖子管理（使用Yii框架）等功能。项目采用技术栈phpWind+NAMP。
                                    <a href="https://blog.csdn.net/voins/article/details/51829226" target="_blank">
                                        <i class="fa fa-link" aria-hidden="true"></i>博客文章</a>。</li>
                                <li>主要参与公司产品的前端开发工作，实现接入微博、微信、QQ等
                                    <mark>第三方账号登录</mark>等功能。项目采用技术栈WordPress+NAMP。</li>
                                <li>活动页面的开发</li>
                                <li>论坛
                                    <mark>弹性布局设计分享</mark>（CentOS+vsftpd+crontab）
                                    <a href="https://www.cnblogs.com/jerehedu/p/7358329.html" target="_blank">
                                        <i class="fa fa-link" aria-hidden="true"></i>小视频</a>。</li>
                            </ul>
                        </li>
                    </ul>
                </section>

                <!-- 项目经验 -->
                <section class="project info-unit">
                    <h2>
                        <i class="fa fa-terminal" aria-hidden="true"></i>个人项目</h2>
                    <hr>
                    <ul>
                        <li>
                            <h3>
                                <span>[项目1]工作经验分享</span>
                                <span class="link">
                                    <a href="https://www.cnblogs.com/jerehedu/p/7358329.html" target="_blank">论坛</a>
                                </span>
                                <time>2020.1</time>
                            </h3>
                            <ul class="info-content">
                                <li>技术栈：ThinkPHP+MongoDB+Axure</li>
                                <li>
                                    <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                    [目标]实现网络新媒体技术运用信息的提交、管理和共享
                                    <br>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1448 1024" width="20" height="20" t="1574683137367" p-id="890" version="1.1"><path fill="#d9ecff" d="M 1030.14 974.899 H 347.021 a 65.5498 65.5498 0 0 1 -65.5498 -65.5498 v -171.853 a 65.5498 65.5498 0 0 1 36.8257 -58.9211 a 846.991 846.991 0 0 1 740.442 0 a 65.6725 65.6725 0 0 1 36.8257 58.9211 v 171.853 a 65.5498 65.5498 0 0 1 -65.427 65.5498 Z" p-id="891" /><path fill="#3c84f7" d="M 815.444 644.204 H 488.186 a 12.2752 12.2752 0 0 1 -11.416 -16.8171 l 61.3762 -151.722 a 12.2752 12.2752 0 0 1 11.416 -7.7334 h 204.505 a 12.2752 12.2752 0 0 1 11.416 7.7334 l 61.3762 151.722 a 12.2752 12.2752 0 0 1 -1.22752 11.416 a 12.2752 12.2752 0 0 1 -10.1884 5.4011 Z m -309.09 -24.5505 H 797.89 l -52.047 -127.171 H 557.787 Z" p-id="892" /><path fill="#3c84f7" d="M 993.312 1024 H 310.195 a 77.9477 77.9477 0 0 1 -77.825 -77.825 v -171.853 a 78.1932 78.1932 0 0 1 43.8226 -69.9688 a 854.97 854.97 0 0 1 751.122 0 a 78.1932 78.1932 0 0 1 43.8226 69.9688 v 171.853 a 77.825 77.825 0 0 1 -77.825 77.825 Z M 651.815 642.486 a 833.12 833.12 0 0 0 -364.82 84.4536 a 53.52 53.52 0 0 0 -30.0743 47.8734 v 171.853 a 53.3973 53.3973 0 0 0 53.2745 53.2745 h 683.117 a 53.2745 53.2745 0 0 0 53.2745 -53.2745 v -171.853 a 53.52 53.52 0 0 0 -29.9516 -47.8734 a 833.488 833.488 0 0 0 -364.82 -84.4536 Z" p-id="893" /><path fill="#ffffff" d="M 468.177 598.295 h 378.323 L 763.52 729.517 l -97.5881 -59.0439 l -114.773 59.0439 l -82.9806 -131.222 Z" p-id="894" /><path fill="#3c84f7" d="M 763.52 741.792 a 12.2752 12.2752 0 0 1 -6.38312 -1.84128 l -91.696 -55.4841 l -108.636 55.9751 a 12.2752 12.2752 0 0 1 -15.9578 -4.41908 L 457.866 604.924 a 12.2752 12.2752 0 0 1 10.3112 -18.7811 H 846.991 a 12.2752 12.2752 0 0 1 10.3112 18.7811 L 773.34 736.514 a 12.2752 12.2752 0 0 1 -9.82019 5.27835 Z M 491.009 610.693 l 65.0587 102.744 l 104.83 -53.8883 a 12.2752 12.2752 0 0 1 12.2752 0 l 87.2769 52.7835 l 64.5677 -102.007 Z" p-id="895" /><path fill="#ffffff" d="M 435.403 271.774 a 259.376 216.412 90 1 0 432.825 0 a 259.376 216.412 90 1 0 -432.825 0 Z" p-id="896" /><path fill="#3c84f7" d="M 651.815 543.425 c -126.189 0 -228.81 -121.893 -228.81 -271.774 S 525.625 0 651.815 0 s 228.688 121.893 228.688 271.651 s -102.621 271.774 -228.688 271.774 Z M 651.815 24.5505 c -112.564 0 -204.26 110.477 -204.26 247.1 s 91.696 247.223 204.26 247.223 s 204.137 -110.477 204.137 -247.223 S 764.379 24.5505 651.815 24.5505 Z" p-id="897" /><path fill="#3c84f7" d="M 849.937 256.43 a 12.2752 12.2752 0 0 1 -5.27835 -1.22752 l -85.9266 -41.8585 A 122.752 122.752 0 0 0 638.312 220.954 a 146.321 146.321 0 0 1 -171.853 -6.13762 l -20.8679 -16.2033 a 12.2752 12.2752 0 1 1 14.9758 -19.3949 l 20.9906 16.2033 a 121.893 121.893 0 0 0 142.147 5.4011 a 147.303 147.303 0 0 1 144.848 -9.57468 l 85.9266 41.8585 a 12.2752 12.2752 0 0 1 -5.4011 23.3229 Z M 868.227 1024 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 V 875.592 a 12.2752 12.2752 0 0 1 24.5505 0 v 136.132 a 12.2752 12.2752 0 0 1 -12.2752 12.2752 Z" p-id="898" /><path fill="#d9ecff" d="M 1448.48 251.151 a 28.9696 28.9696 0 0 1 -28.9696 29.0923 H 1014.06 L 1104.77 205.733 V 75.6154 a 29.0923 29.0923 0 0 1 28.724 -28.9696 h 286.381 A 28.9696 28.9696 0 0 1 1448.48 75.6154 Z" p-id="899" /><path fill="#3c84f7" d="M 1387.1 326.276 H 980.668 a 12.2752 12.2752 0 0 1 -7.7334 -21.7272 l 85.9266 -70.8281 V 109.495 a 41.3675 41.3675 0 0 1 41.2448 -41.3675 H 1387.1 a 41.3675 41.3675 0 0 1 41.2448 41.3675 v 175.536 a 41.3675 41.3675 0 0 1 -41.2448 41.2448 Z m -371.694 -24.5505 H 1387.1 a 16.6943 16.6943 0 0 0 16.6943 -16.6943 V 109.495 A 16.8171 16.8171 0 0 0 1387.1 92.678 H 1100.11 a 16.8171 16.8171 0 0 0 -16.6943 16.8171 v 129.995 a 12.2752 12.2752 0 0 1 -4.54184 9.45193 Z" p-id="900" /><path fill="#3c84f7" d="M 1304.49 209.538 h -47.1369 a 12.2752 12.2752 0 0 1 0 -24.5505 h 47.1369 a 12.2752 12.2752 0 0 1 0 24.5505 Z M 1215.25 209.538 h -19.3949 a 12.2752 12.2752 0 0 1 0 -24.5505 H 1215.25 a 12.2752 12.2752 0 0 1 0 24.5505 Z M 661.39 776.286 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 v -12.2752 a 12.2752 12.2752 0 0 1 24.5505 0 v 12.2752 a 12.2752 12.2752 0 0 1 -12.2752 12.2752 Z M 661.39 846.132 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 v -24.5505 a 12.2752 12.2752 0 0 1 24.5505 0 v 24.5505 a 12.2752 12.2752 0 0 1 -12.2752 12.2752 Z" p-id="901" /><path fill="#ffffff" d="M 12.2752 494.201 m 43.9453 0 l 231.265 0 q 43.9453 0 43.9453 43.9453 l 0 429.633 q 0 43.9453 -43.9453 43.9453 l -231.265 0 q -43.9453 0 -43.9453 -43.9453 l 0 -429.633 q 0 -43.9453 43.9453 -43.9453 Z" p-id="902" /><path fill="#3c84f7" d="M 287.609 1024 H 56.2206 A 56.2206 56.2206 0 0 1 0 967.779 v -429.633 a 56.2206 56.2206 0 0 1 56.2206 -56.2206 h 231.388 A 56.2206 56.2206 0 0 1 343.707 538.146 v 429.633 a 56.2206 56.2206 0 0 1 -56.0978 56.2206 Z M 56.2206 506.476 A 31.7929 31.7929 0 0 0 24.5505 538.146 v 429.633 a 31.7929 31.7929 0 0 0 31.6701 31.6701 h 231.388 A 31.6701 31.6701 0 0 0 319.156 967.779 v -429.633 a 31.6701 31.6701 0 0 0 -31.5474 -31.6701 Z" p-id="903" /><path fill="#3c84f7" d="M 331.431 604.432 H 12.2752 a 12.2752 12.2752 0 0 1 0 -24.5505 h 319.156 a 12.2752 12.2752 0 1 1 0 24.5505 Z M 202.05 561.346 h -60.3941 a 12.2752 12.2752 0 0 1 0 -24.5505 h 60.3941 a 12.2752 12.2752 0 0 1 0 24.5505 Z M 92.9235 815.689 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 V 699.688 a 12.2752 12.2752 0 0 1 24.5505 0 v 104.094 a 12.2752 12.2752 0 0 1 -12.2752 11.907 Z M 132.45 755.786 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 V 699.688 a 12.2752 12.2752 0 0 1 24.5505 0 v 44.1908 a 12.2752 12.2752 0 0 1 -12.2752 11.907 Z M 171.853 815.689 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 V 699.688 a 12.2752 12.2752 0 0 1 24.5505 0 v 104.094 a 12.2752 12.2752 0 0 1 -12.2752 11.907 Z M 211.38 777.882 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 V 699.688 a 12.2752 12.2752 0 0 1 24.5505 0 v 66.2863 a 12.2752 12.2752 0 0 1 -12.2752 11.907 Z M 250.783 834.716 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 V 699.688 a 12.2752 12.2752 0 0 1 24.5505 0 v 122.752 a 12.2752 12.2752 0 0 1 -12.2752 12.2752 Z M 171.853 970.971 a 36.8257 36.8257 0 1 1 36.8257 -36.2119 a 36.2119 36.2119 0 0 1 -36.8257 36.2119 Z m 0 -47.9962 a 12.2752 12.2752 0 1 0 12.2752 12.2752 a 12.2752 12.2752 0 0 0 -12.2752 -12.2752 Z" p-id="904" /></svg>
                                    [团队]同 2 位同专业同学一起
                                    <br>
                                    <i class="fa fa-bars" aria-hidden="true"></i>
                                    [贡献]完成从
                                    <mark>“调研-设计-实现-文档”</mark>等工作，主要负责视频编辑加工、设计分享网页等工作
                                    <br>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1058 1024" width="15" height="15" t="1574682812665" p-id="909" version="1.1"><path d="M 528.691 17.0667 a 97.0069 97.0069 0 0 1 94.1056 120.559 L 603.307 215.723 l 67.7547 -101.615 a 104.038 104.038 0 0 1 144.282 -28.8427 c 68.4715 45.6363 59.392 148.924 -16.0085 181.897 l -52.5653 22.9717 h 208.623 a 102.4 102.4 0 0 1 0 204.8 V 887.467 a 119.467 119.467 0 0 1 -119.467 119.467 h -614.4 a 119.467 119.467 0 0 1 -119.467 -119.467 V 494.933 a 102.4 102.4 0 0 1 0 -204.8 h 208.555 l -52.5312 -22.9717 c -75.3664 -32.9728 -84.48 -136.26 -16.0427 -181.931 a 104.038 104.038 0 0 1 144.316 28.8768 l 67.7547 101.615 l -19.5243 -78.0971 A 97.1093 97.1093 0 0 1 522.786 17.2373 L 528.691 17.0667 Z m -85.3333 477.867 h -307.2 V 887.467 a 85.3333 85.3333 0 0 0 85.3333 85.3333 h 221.867 v -477.867 Z m 136.533 0 h -102.4 v 477.867 h 102.4 v -477.867 Z m 341.333 0 h -307.2 v 477.867 h 221.867 a 85.3333 85.3333 0 0 0 85.3333 -85.3333 V 494.933 Z m 34.1333 -170.667 h -853.333 a 68.2667 68.2667 0 1 0 0 136.533 h 853.333 a 68.2667 68.2667 0 1 0 0 -136.533 Z m -426.428 -273.067 l -4.47147 0.136533 a 62.8736 62.8736 0 0 0 -56.7979 77.9947 L 507.87 290.133 h 41.6427 l 40.1749 -160.768 a 62.9077 62.9077 0 0 0 -55.9104 -77.9605 L 528.896 51.2 Z M 260.949 113.664 c -46.0117 30.6517 -39.936 100.079 10.752 122.197 l 123.972 54.272 h 66.9355 l -104.721 -157.082 l -3.20853 -4.43733 a 69.9392 69.9392 0 0 0 -93.7301 -14.9504 Z m 438.443 19.3877 L 594.705 290.133 h 66.9355 l 124.006 -54.272 c 50.6539 -22.1184 56.7637 -91.5456 10.752 -122.197 a 69.9051 69.9051 0 0 0 -96.9387 19.3877 Z" p-id="910" /></svg>
                                    [效果]作品最终取得第三届共享杯国家级竞赛“一等奖” （2/2000）</li>
                            </ul>
                        </li>

                        <li>
                            <h3>
                                <span>[项目2]参加弹性页面设计大赛</span>
                                <span class="link">
                                    <a href="https://itsay.gitee.io/resume/#" target="_blank">Demo</a>
                                </span>
                                <time>2020.2</time>
                            </h3>
                            <ul class="info-content">
                                <li>技术栈：HTML 5+D3.js+ECharts+MySQL</li>
                                <li>
                                    <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                    [目标]实现网页弹性布局，美观实用
                                    <br>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1448 1024" width="20" height="20" t="1574683137367" p-id="890" version="1.1"><path fill="#d9ecff" d="M 1030.14 974.899 H 347.021 a 65.5498 65.5498 0 0 1 -65.5498 -65.5498 v -171.853 a 65.5498 65.5498 0 0 1 36.8257 -58.9211 a 846.991 846.991 0 0 1 740.442 0 a 65.6725 65.6725 0 0 1 36.8257 58.9211 v 171.853 a 65.5498 65.5498 0 0 1 -65.427 65.5498 Z" p-id="891" /><path fill="#3c84f7" d="M 815.444 644.204 H 488.186 a 12.2752 12.2752 0 0 1 -11.416 -16.8171 l 61.3762 -151.722 a 12.2752 12.2752 0 0 1 11.416 -7.7334 h 204.505 a 12.2752 12.2752 0 0 1 11.416 7.7334 l 61.3762 151.722 a 12.2752 12.2752 0 0 1 -1.22752 11.416 a 12.2752 12.2752 0 0 1 -10.1884 5.4011 Z m -309.09 -24.5505 H 797.89 l -52.047 -127.171 H 557.787 Z" p-id="892" /><path fill="#3c84f7" d="M 993.312 1024 H 310.195 a 77.9477 77.9477 0 0 1 -77.825 -77.825 v -171.853 a 78.1932 78.1932 0 0 1 43.8226 -69.9688 a 854.97 854.97 0 0 1 751.122 0 a 78.1932 78.1932 0 0 1 43.8226 69.9688 v 171.853 a 77.825 77.825 0 0 1 -77.825 77.825 Z M 651.815 642.486 a 833.12 833.12 0 0 0 -364.82 84.4536 a 53.52 53.52 0 0 0 -30.0743 47.8734 v 171.853 a 53.3973 53.3973 0 0 0 53.2745 53.2745 h 683.117 a 53.2745 53.2745 0 0 0 53.2745 -53.2745 v -171.853 a 53.52 53.52 0 0 0 -29.9516 -47.8734 a 833.488 833.488 0 0 0 -364.82 -84.4536 Z" p-id="893" /><path fill="#ffffff" d="M 468.177 598.295 h 378.323 L 763.52 729.517 l -97.5881 -59.0439 l -114.773 59.0439 l -82.9806 -131.222 Z" p-id="894" /><path fill="#3c84f7" d="M 763.52 741.792 a 12.2752 12.2752 0 0 1 -6.38312 -1.84128 l -91.696 -55.4841 l -108.636 55.9751 a 12.2752 12.2752 0 0 1 -15.9578 -4.41908 L 457.866 604.924 a 12.2752 12.2752 0 0 1 10.3112 -18.7811 H 846.991 a 12.2752 12.2752 0 0 1 10.3112 18.7811 L 773.34 736.514 a 12.2752 12.2752 0 0 1 -9.82019 5.27835 Z M 491.009 610.693 l 65.0587 102.744 l 104.83 -53.8883 a 12.2752 12.2752 0 0 1 12.2752 0 l 87.2769 52.7835 l 64.5677 -102.007 Z" p-id="895" /><path fill="#ffffff" d="M 435.403 271.774 a 259.376 216.412 90 1 0 432.825 0 a 259.376 216.412 90 1 0 -432.825 0 Z" p-id="896" /><path fill="#3c84f7" d="M 651.815 543.425 c -126.189 0 -228.81 -121.893 -228.81 -271.774 S 525.625 0 651.815 0 s 228.688 121.893 228.688 271.651 s -102.621 271.774 -228.688 271.774 Z M 651.815 24.5505 c -112.564 0 -204.26 110.477 -204.26 247.1 s 91.696 247.223 204.26 247.223 s 204.137 -110.477 204.137 -247.223 S 764.379 24.5505 651.815 24.5505 Z" p-id="897" /><path fill="#3c84f7" d="M 849.937 256.43 a 12.2752 12.2752 0 0 1 -5.27835 -1.22752 l -85.9266 -41.8585 A 122.752 122.752 0 0 0 638.312 220.954 a 146.321 146.321 0 0 1 -171.853 -6.13762 l -20.8679 -16.2033 a 12.2752 12.2752 0 1 1 14.9758 -19.3949 l 20.9906 16.2033 a 121.893 121.893 0 0 0 142.147 5.4011 a 147.303 147.303 0 0 1 144.848 -9.57468 l 85.9266 41.8585 a 12.2752 12.2752 0 0 1 -5.4011 23.3229 Z M 868.227 1024 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 V 875.592 a 12.2752 12.2752 0 0 1 24.5505 0 v 136.132 a 12.2752 12.2752 0 0 1 -12.2752 12.2752 Z" p-id="898" /><path fill="#d9ecff" d="M 1448.48 251.151 a 28.9696 28.9696 0 0 1 -28.9696 29.0923 H 1014.06 L 1104.77 205.733 V 75.6154 a 29.0923 29.0923 0 0 1 28.724 -28.9696 h 286.381 A 28.9696 28.9696 0 0 1 1448.48 75.6154 Z" p-id="899" /><path fill="#3c84f7" d="M 1387.1 326.276 H 980.668 a 12.2752 12.2752 0 0 1 -7.7334 -21.7272 l 85.9266 -70.8281 V 109.495 a 41.3675 41.3675 0 0 1 41.2448 -41.3675 H 1387.1 a 41.3675 41.3675 0 0 1 41.2448 41.3675 v 175.536 a 41.3675 41.3675 0 0 1 -41.2448 41.2448 Z m -371.694 -24.5505 H 1387.1 a 16.6943 16.6943 0 0 0 16.6943 -16.6943 V 109.495 A 16.8171 16.8171 0 0 0 1387.1 92.678 H 1100.11 a 16.8171 16.8171 0 0 0 -16.6943 16.8171 v 129.995 a 12.2752 12.2752 0 0 1 -4.54184 9.45193 Z" p-id="900" /><path fill="#3c84f7" d="M 1304.49 209.538 h -47.1369 a 12.2752 12.2752 0 0 1 0 -24.5505 h 47.1369 a 12.2752 12.2752 0 0 1 0 24.5505 Z M 1215.25 209.538 h -19.3949 a 12.2752 12.2752 0 0 1 0 -24.5505 H 1215.25 a 12.2752 12.2752 0 0 1 0 24.5505 Z M 661.39 776.286 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 v -12.2752 a 12.2752 12.2752 0 0 1 24.5505 0 v 12.2752 a 12.2752 12.2752 0 0 1 -12.2752 12.2752 Z M 661.39 846.132 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 v -24.5505 a 12.2752 12.2752 0 0 1 24.5505 0 v 24.5505 a 12.2752 12.2752 0 0 1 -12.2752 12.2752 Z" p-id="901" /><path fill="#ffffff" d="M 12.2752 494.201 m 43.9453 0 l 231.265 0 q 43.9453 0 43.9453 43.9453 l 0 429.633 q 0 43.9453 -43.9453 43.9453 l -231.265 0 q -43.9453 0 -43.9453 -43.9453 l 0 -429.633 q 0 -43.9453 43.9453 -43.9453 Z" p-id="902" /><path fill="#3c84f7" d="M 287.609 1024 H 56.2206 A 56.2206 56.2206 0 0 1 0 967.779 v -429.633 a 56.2206 56.2206 0 0 1 56.2206 -56.2206 h 231.388 A 56.2206 56.2206 0 0 1 343.707 538.146 v 429.633 a 56.2206 56.2206 0 0 1 -56.0978 56.2206 Z M 56.2206 506.476 A 31.7929 31.7929 0 0 0 24.5505 538.146 v 429.633 a 31.7929 31.7929 0 0 0 31.6701 31.6701 h 231.388 A 31.6701 31.6701 0 0 0 319.156 967.779 v -429.633 a 31.6701 31.6701 0 0 0 -31.5474 -31.6701 Z" p-id="903" /><path fill="#3c84f7" d="M 331.431 604.432 H 12.2752 a 12.2752 12.2752 0 0 1 0 -24.5505 h 319.156 a 12.2752 12.2752 0 1 1 0 24.5505 Z M 202.05 561.346 h -60.3941 a 12.2752 12.2752 0 0 1 0 -24.5505 h 60.3941 a 12.2752 12.2752 0 0 1 0 24.5505 Z M 92.9235 815.689 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 V 699.688 a 12.2752 12.2752 0 0 1 24.5505 0 v 104.094 a 12.2752 12.2752 0 0 1 -12.2752 11.907 Z M 132.45 755.786 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 V 699.688 a 12.2752 12.2752 0 0 1 24.5505 0 v 44.1908 a 12.2752 12.2752 0 0 1 -12.2752 11.907 Z M 171.853 815.689 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 V 699.688 a 12.2752 12.2752 0 0 1 24.5505 0 v 104.094 a 12.2752 12.2752 0 0 1 -12.2752 11.907 Z M 211.38 777.882 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 V 699.688 a 12.2752 12.2752 0 0 1 24.5505 0 v 66.2863 a 12.2752 12.2752 0 0 1 -12.2752 11.907 Z M 250.783 834.716 a 12.2752 12.2752 0 0 1 -12.2752 -12.2752 V 699.688 a 12.2752 12.2752 0 0 1 24.5505 0 v 122.752 a 12.2752 12.2752 0 0 1 -12.2752 12.2752 Z M 171.853 970.971 a 36.8257 36.8257 0 1 1 36.8257 -36.2119 a 36.2119 36.2119 0 0 1 -36.8257 36.2119 Z m 0 -47.9962 a 12.2752 12.2752 0 1 0 12.2752 12.2752 a 12.2752 12.2752 0 0 0 -12.2752 -12.2752 Z" p-id="904" /></svg></i>
                                    [团队]与 1 位同学
                                    <br>
                                    <i class="fa fa-bars" aria-hidden="true"></i>
                                    [贡献]分析项目需求，运用viewport等的多种技术

                                    <br>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1058 1024" width="15" height="15" t="1574682812665" p-id="909" version="1.1"><path d="M 528.691 17.0667 a 97.0069 97.0069 0 0 1 94.1056 120.559 L 603.307 215.723 l 67.7547 -101.615 a 104.038 104.038 0 0 1 144.282 -28.8427 c 68.4715 45.6363 59.392 148.924 -16.0085 181.897 l -52.5653 22.9717 h 208.623 a 102.4 102.4 0 0 1 0 204.8 V 887.467 a 119.467 119.467 0 0 1 -119.467 119.467 h -614.4 a 119.467 119.467 0 0 1 -119.467 -119.467 V 494.933 a 102.4 102.4 0 0 1 0 -204.8 h 208.555 l -52.5312 -22.9717 c -75.3664 -32.9728 -84.48 -136.26 -16.0427 -181.931 a 104.038 104.038 0 0 1 144.316 28.8768 l 67.7547 101.615 l -19.5243 -78.0971 A 97.1093 97.1093 0 0 1 522.786 17.2373 L 528.691 17.0667 Z m -85.3333 477.867 h -307.2 V 887.467 a 85.3333 85.3333 0 0 0 85.3333 85.3333 h 221.867 v -477.867 Z m 136.533 0 h -102.4 v 477.867 h 102.4 v -477.867 Z m 341.333 0 h -307.2 v 477.867 h 221.867 a 85.3333 85.3333 0 0 0 85.3333 -85.3333 V 494.933 Z m 34.1333 -170.667 h -853.333 a 68.2667 68.2667 0 1 0 0 136.533 h 853.333 a 68.2667 68.2667 0 1 0 0 -136.533 Z m -426.428 -273.067 l -4.47147 0.136533 a 62.8736 62.8736 0 0 0 -56.7979 77.9947 L 507.87 290.133 h 41.6427 l 40.1749 -160.768 a 62.9077 62.9077 0 0 0 -55.9104 -77.9605 L 528.896 51.2 Z M 260.949 113.664 c -46.0117 30.6517 -39.936 100.079 10.752 122.197 l 123.972 54.272 h 66.9355 l -104.721 -157.082 l -3.20853 -4.43733 a 69.9392 69.9392 0 0 0 -93.7301 -14.9504 Z m 438.443 19.3877 L 594.705 290.133 h 66.9355 l 124.006 -54.272 c 50.6539 -22.1184 56.7637 -91.5456 10.752 -122.197 a 69.9051 69.9051 0 0 0 -96.9387 19.3877 Z" p-id="910" /></svg>
                                    [效果]作品取得第二届共享杯国家级竞赛“特等奖”(1/1500)
                                </li>
                            </ul>
                        </li>

                </section>

                <!-- 自我评价 -->
                <section class="work info-unit">
                    <h2>
                        <i class="fa fa-pencil" aria-hidden="true"></i>自我评价/期望</h2>
                    <hr>
                    <p>喜爱粤语歌，偶像张学友；喜欢打篮球，偶像是韦德
                        <span class="mark-txt">“多读书多看报”</span>要脚踏实地做事，坚持自己的梦想和本心。</p>
                </section>
            </section>
        </article>
    </main>


    <footer class="footer">
        <p>© 2019 黄俊豪.文档最后更新时间为
            <time>2019年11月26日</time>.</p>
    </footer>

    <!-- 侧栏 -->
    <aside>
        <ul>
            <li>
                <a href="https://gitee.com/itsay/resume" target="_blank">源代码</a>
            </li>
            <li>
                <a href="http://if2er.com/" target="_blank">Blog</a>
            </li>
        </ul>
    </aside>

    <script src="./[简历]张大侠-前端开发工程师_杭州_files/index.js.下载"></script>


    <div id="qds" style="display:none;"></div>
</body>

</html>